<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="English.Management_Method_EN.Admin_Table_En" %>
<jsp:useBean id="database" class="English.Management_Method_EN.Admin_Table_En" scope="request" />   
<%@ page import="English.Login_Method_EN.User_Login_En" %>
<jsp:useBean id="database2" class="English.Login_Method_EN.User_Login_En" scope="request" />   
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Knowledge-base system</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="../CSS/Administrator.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="../JS_EN/Table_Search_En.js"></script>
  <script src="../JS_EN/DAO_Check_En.js"></script>
  
</head>
<body>	
		<%--管理员登录验证 --%>
 		<% request.setCharacterEncoding("UTF-8"); %>
		<jsp:setProperty name="database2" property="username" param="username" />
		<jsp:setProperty name="database2" property="password" param="password" />
		<jsp:getProperty name="database2" property="queryResult" />
		
		
 
  <%-- 管理员指南 --%>
  <a href="#" style="color:black;" data-toggle="modal" data-target="#NewUserModal" title="Operation instruction">
    <i class="fa fa-question-circle-o" id="AdminGuide"></i>
  </a>

  <%-- 新手教程模态框 --%>
  <div class="modal fade" id="NewUserModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
  
        <%-- 新手教程模态框头部 --%>
        <div class="modal-header">
          <h5 class="modal-title">Operation instruction</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
        <%-- 新手教程模态框主体 --%>
        <div class="modal-body">
          <div id="demo" class="carousel slide" data-ride="carousel">
 
            <%-- 指示符 --%>
            <ul class="carousel-indicators" >
              <li data-target="#demo" data-slide-to="0" class="active"></li>
               <li data-target="#demo" data-slide-to="1"></li>
            </ul>
             
            <%-- 轮播图片 --%>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="../Images_EN\管理员界面介绍.png">
              </div>
              <div class="carousel-item">
                <img src="../Images_EN\管理员指南.png">
              </div>
            </div>
             
            <%-- 左右切换按钮 --%>
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
              <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
              <span class="carousel-control-next-icon"></span>
            </a>
             
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="jumbotron text-center" style="margin-bottom:0">
    <h3>Login successful! You have entered the administrator interface。</h3> 
  </div>

 <%--横向导航栏--%>
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark sticky-top">
    <a class="navbar-brand" href="../Search_En.jsp">
      <i class="fa fa-book" style="font-size:22px">
        &nbsp Knowledge-base system
      </i>
    </a>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav" >
        <li class="nav-item">
            <a class="nav-link active" href="Administrator_En.jsp">&nbsp&nbsp&nbsp&nbsp AdminInfo</a>
          </li>
        <li class="nav-item">
            <a class="nav-link" href="Phenomenon_En.jsp">&nbsp&nbsp&nbsp&nbsp Phenomena</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Effect_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Introduce_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect of description</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link" href="Example_En.jsp">&nbsp&nbsp&nbsp&nbsp Example</a>
          </li>    
        </ul>
    </div> 
    <form class="form-inline"> 
      <input type="text" id="myInput" class="form-control" onkeyup="row2()" placeholder="Search in the current table" >
    </form>
  </nav>



	<%--管理信息管理表--%>
	 <div class="container" id="DAOTable">
	  <div class="container" style="margin-top:30px;" id="DAO">
		  <div class="btn-group flex-container" id="DAObutton"  >
		  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Addemo">
	        <i class="fa fa-plus-square">&nbsp&nbsp Add</i>
	      </button>
		  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Deldemo">
	        <i class="fa fa-minus-square-o">&nbsp&nbsp Delete</i>
	      </button>
		  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Modifydemo">
	        <i class="fa fa-wrench">&nbsp&nbsp Modify</i>
	      </button>
	    </div>
	    
	    <div id="Addemo" class="collapse">
	       <form class="form-inline form-group" id="Addgroup" name="Add" action="../Check_EN/Admin_Add_Check_En.jsp" onsubmit="return Admin_Add_Check()"  method="post">
	          
	          <label for="username">Username:&nbsp&nbsp</label>
	          <input type="text" class="form-control col-md-2" id="username" name="username" style="margin-right:20px;">
	          <label for="password">Password:&nbsp&nbsp</label>
	          <input type="text" class="form-control col-md-2" id="password" name="password">
	          <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Admin_Add_Check()">
	            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Add
	          </button>
	  
	      </form>
	     
	    </div>
	    
	    <div id="Deldemo" class="collapse">
	    <form class="form-inline form-group" id="Delgroup" name="Del" action="../Check_EN/Admin_Del_Check_En.jsp" onsubmit="return Admin_Del_Check()"  method="post">
	          <label for="username">Username:&nbsp&nbsp</label>
	          <input type="text" class="form-control col-md-2" id="username" name="username">
	          <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Admin_Del_Check()">            
	            <i class="fa fa-floppy-o" ></i>&nbsp&nbsp Delete
	          </button>
	        </form>
	    </div>
	    
	    <div id="Modifydemo" class="collapse">
	     <form class="form-inline form-group" id="Modifygroup" name="Modify" action="../Check_EN/Admin_Modify_Check_En.jsp" onsubmit="return Admin_Modify_Check()"  method="post">
	    
	          <label for="username">Username:&nbsp&nbsp</label>
	          <input type="text" class="form-control col-md-2" id="username" name="username" style="margin-right:20px;">
	          <label for="password">Password:&nbsp&nbsp</label>
	          <input type="text" class="form-control col-md-2" id="password" name="password" >
	          <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Admin_Modify_Check()">
	            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Modify
	          </button>
	        
	        </form>
	         <h5 id="Note">PS:This function is to change the password, <b> the username should be filled in correctly</b>.</h5>
	    </div>
	  </div>
	  
	 <% request.setCharacterEncoding("UTF-8"); %>
		<jsp:getProperty name="database" property="queryResult" />
		
	</div>

  <%--底边栏--%>
    <footer class="footer text-center relative-bottom">CopyRight © Code:1024</footer>

</body>
</html>